<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
           #xh{
				width: 500px;
				color: #00CCFF;
				position: absolute;
				top: 10px;
				left:200px;
				color: gray;
				
			}
			
			 img{
				width: 1400px;
				height: 750px;
				position: absolute;
				left: 150px;
				top: -6px;
	        }
		    #two{
		            position: absolute;
		            width: 200px;
					left: 0px;
					top: -6px;
		    }
		    #box{
		      height: 740px;
		    }
	    
         </style>
</head>
<body>
            <div id="box">
             <img src="img/未标题-2.png" id="two" >
            <img src="img/wallhaven-k73pg7.png" >
                <div id="xh">
				
				</div>
				</div>
				
</body>

<script src="js/jQuery.min.js" type="text/javascript" charset="utf-8"></script>

   <script type="text/javascript">
	var json=${inputLine};
	$("#xh p em").text(json["data"][0]["content"]);
	$("#xh p um").text(json["data"][0]["updateTime"]);
	console.log(json);
	var html="";
	for(var i=0;i<json["data"].length-5;i++){
		html+="<p><em>"+json["data"][i]["content"]+"</em></p>"+json["data"][i]["updateTime"]+"<p><um></um></p>"
	}
	$("#xh").html(html);
   </script>
</html>